﻿<template>
  <div class="wrapper_baom">
    <div class="baom">
      <div class="close_baom">X</div>
      <div class="baom_header">
        报名成功!
      </div>
      <div class="baom_mid_header">
        （可以在“我的活动”里查看）
      </div>
      <div class="baom_bot_header">
        请根据比赛或者活动主题上传
        你的作品表达你的想法！
      </div>
      <div class="add_img_btn">
        <img src="../../static/img/rank_add_img.png" class="add_img_btn_1_img"/>
        <p class="add_img_w">添加图片/视频</p>
      </div>
      <div class="add_img_btn">
        <img src="../../static/img/rank_add_img.png" class="add_img_btn_1_img" />
        <p class="add_img_w">添加语音</p>
      </div>
    </div>
  </div>
    
</template>
<script>
  import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';

  //limit_Scroll
  //import limit_scroll from "../../static/js/limit_scroll.js"
  var qs = require('qs');
  //axios.post('/foo', qs.stringify({ 'bar': 123 }));

export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
    
    }
  },
  ...mapActions([
    "thom_redirect",
  ]),
  ...mapMutations([
     "Change_certain_layer"
  ]),
  mounted: function () { 
    
  },
  methods: {
    
  },
  components: {
    
  }
}
</script>
<style scoped>
  .add_img_btn_1_img{
    width:6vw;
    height:4.4vw;
    margin-left:1vw;
    margin-top:2.8vw;
  } 
  .add_img_btn {
    width: 41vw;
    height: 8.4vw;
    line-height: 8.4vw;
    display: flex;
  } 
  .add_img_w {
    font-size: 4.8vw;
  } 
  .baom_bot_header {
    font-size: 3.4vw;
    margin-top: 4.8vw;
    line-height: 5vw;
    margin-bottom: 4.4vw;
  } 
  .wrapper_baom {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
  } 
  .baom_mid_header {
    font-size: 3.4vw;
  } 
  .baom_header {
    text-align:center;
    font-size: 4.8vw;
    color: #bc5b14;
    margin-top: 5.6vw;
    margin-bottom: 2.9vw;
    text-align:center;
  } 
  .baom {
    width: 64.5vw;
    height: 100.2vw;
    background-color: #fff;
    border-radius: 2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .close_baom{
    font-size:5vw;
    position:absolute;
    top:2vw;
    right:2.9vw;
  }
</style>